<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /*
        1 Hash 模式  url包含#，不会向服务器发起请求
        History 模式 更美观的url

        优点：
            兼容性好，几乎所有的浏览器都支持。
            不需要服务器端配置，因为所有路由都是在客户端处理的。
        缺点：
            URL 中会带有 #，对于某些追求美观 URL 的应用来说不太理想。

        2 history模式
        优点：
            提供了更传统且美观的 URL 路径，没有 #。
        缺点：
            需要服务器端的支持，以正确处理刷新或直接访问路径的情况。如果服务器未正确配置，可能会导致404错误。
        怎样在 Vue Router 中设置一个路由为私有路由，即只有登录用户才能访问？
            利用导航守卫和路由元信息（meta fields）结合进行权限验证
        */ 
    </script>
</body>
</html>